/**
 Copyright 2008 ZHENG Zhong <heavyzheng nospam at gmail D0T com>
  - http://heavyz.blogspot.com/
  - http://buggarden.blogspot.com/
 
 Stylesheets for the forum webapp.
 
 File created on 2008-05-07.
 $Id: common.css 252 2008-10-28 11:06:08Z heavyzheng $
 */

/*--------------------------------------------------------------------------------------------------
 * HTML element styles
 *------------------------------------------------------------------------------------------------*/

body {
  font: normal normal 90% arial,sans-serif;
  color: #444444;
  background-color: #FFFFFF;
  text-align: center;
  margin: 0;
  padding: 0;
}

a {
  color: #2090D0;
}

a:link, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a img {
  border-width: 0;
}

table {
  margin: 0;
  padding: 4px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Trebuchet MS',arial,sans-serif;
}

small {
  font-size: 90%;
}

big {
  font-size: 110%;
}

/*--------------------------------------------------------------------------------------------------
 * Page layout
 *------------------------------------------------------------------------------------------------*/

#outer-wrapper {
  text-align: left;
  margin: 0 auto;
  padding: 10px 0 10px 0;
  width: 990px;
}

#topbar-wrapper,
#footer-wrapper {
  font: normal normal 90% 'Trebuchet MS',arial,sans-serif;
  margin: 0;
  padding: 5px;
  border-style: solid;
  border-color: #DDDDDD;
}

#topbar-wrapper {
  text-align: right;
  border-width: 0 0 1px 0;
}

#footer-wrapper {
  color: #888888;
  text-align: center;
  border-width: 1px 0 0 0;
}

#footer-wrapper a {
  color: #888888;
}

#header-wrapper {
  margin: 0;
  padding: 5px;
  text-align: left;
}

#header-wrapper .title {
  font: normal bold 160% 'Trebuchet MS',arial,sans-serif;
  margin: 0;
  padding: 6px 0 6px 0;
}

#header-wrapper .subtitle {
  font: italic normal 110% 'Trebuchet MS',arial,sans-serif;
  margin: 0;
  padding: 0 0 6px 0;
}

#navbar-wrapper {
  margin: 0;
  padding: 0 5px 5px 5px;
  font-family: 'Trebuchet MS',arial,sans-serif;
  text-align: left;
}

#content-wrapper {
  text-align: left;
  margin: 0;
  padding: 0 5px 10px 5px;
}

/*--------------------------------------------------------------------------------------------------
 * Common CSS classes
 *------------------------------------------------------------------------------------------------*/

.hidden {
  display: none;
}

.nowrap {
  white-space: nowrap;
}

.bordered {
  border: 1px solid #888888;
}

.noborder {
  border: 0;
}

.section {
  margin: 0 0 10px 0;
  padding: 0;
  border: 0;
}

.align-right {
  text-align: right;
}

.head-row td {
  margin: 0;
  padding: 4px;
  font-family: 'Trebuchet MS',arial,sans-serif;
  font-weight: bold;
  background-color: #DDDDDD;
}

.odd-row   td,
.even-row  td,
.plain-row td {
  margin: 0;
  padding: 4px;
}

.odd-row, .plain-row {
  background-color: #FFFFFF;
}

.even-row {
  background-color: #EEEEEE;
}

.small {
  font-family: 'Trebuchet MS',arial,sans-serif;
  font-size: 90%;
}

/*--------------------------------------------------------------------------------------------------
 * CSS classes for forum post
 *------------------------------------------------------------------------------------------------*/

.post {
  margin: 0;
  padding: 4px 0 4px 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #DDDDDD;
}

.thread-title {
  font: normal bold 140% 'Trebuchet MS',arial,sans-serif;
  margin: 0;
  padding: 4px;
}

.reply-title {
  font: normal bold 110% 'Trebuchet MS',arial,sans-serif;
  margin: 0;
  padding: 4px;
}

.post-header {
  font-family: 'Trebuchet MS',arial,sans-serif;
  font-size: 90%;
  background-color: #EEEEEE;
  margin: 0;
  padding: 4px;
}

.post-content {
  margin: 0;
  padding: 4px;
}

.post-info {
  font: normal normal 90% 'Trebuchet MS',arial,sans-serif;
  color: #888888;
  margin: 0;
  padding: 4px;
}

.post-attachment {
  font: normal normal 90% 'Trebuchet MS',arial,sans-serif;
  color: #888888;
  margin: 0;
  padding: 4px;
}

.post-attachment-image {
  margin: 4px 0 4px 0;
  padding: 4px;
  border: 1px solid #888888;
}

.form-toggles {
  margin: 0;
  padding: 4px;
}

/*--------------------------------------------------------------------------------------------------
 * CSS classes for message
 *------------------------------------------------------------------------------------------------*/

.info, .error, .message {
  margin: 4px 0 4px 0;
  padding: 10px;
}

.info {
  background-color: #BBFFBB;
}

.error, .error a {
  color: #FFFFFF;
  background-color: #BB0000;
}



/** Forum styles **************************************************************/

.frm-post-content, .frm-edit-form, .frm-reply-form {
  margin: 0;
  padding: 5px;
}

.frm-pager {
  font-family: 'Trebuchet MS',arial,sans-serif;
  font-size: 90%;
  padding: 5px;
}

